﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DDdtail.aspx.cs" Inherits="Admin_User_Order_dtails" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title></title>
    <link rel="shortcut icon" href="favicon.ico"/>

    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet"/>
    <link href="../css/animate.css" rel="stylesheet"/>
    <link href="../css/style.css?v=4.1.0" rel="stylesheet"/>
    <link href="../css/plugins/footable/footable.core.css" rel="stylesheet" />

    <script src="../../js/jquery1.9.1.js"></script>

     <style>
        .trorder {
            /*background: #f8f8f8;*/
            border: 1px solid #808080;
            text-align: left;
        }
     
     .goods {
padding:5px;
        }



        .goods dl {
            margin-left: 8px;
            margin-top: 0;
    margin-bottom: 0px;
        }

        .footable-odd {
            background: #fff;
        }

        .trcenter {
            border: 1px solid #808080;
    font-size: 17px;
    font-weight: 700;
        }

        .trorder dl 
        {
        margin-bottom: 0px;
        
        }

        dl {
        margin-bottom: 0px;
}


        </style>
</head>

<body class="gray-bg">
<form id="form1" runat="server" class="form-horizontal">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">                
                    <div class="ibox-content" style="width:680px">        
                        

                                 <input  name="" type="button" id ="Print" value="打印"/>   
                      
                                <table class="footable table table-stripped toggle-arrow-tiny" width="680px">      
                                   <thead>
                                    <tr class="trcenter">
                                         <td class="trorder goods" >单号：</td>                      
                                    <td class="trorder goods">商品名称：</td>      
                                             <td class="trorder goods">数量：</td>     
                                                     <td class="trorder goods">姓名：</td>   
                                         <td class="trorder goods">用户电话：</td>    
                                    </tr>
                                      </thead>
                                  <tbody>  
                                        <tr class="trcenter">                                             
                                  <td class="trorder goods"><asp:Literal ID="id" runat="server"></asp:Literal></td>
                                                         
                                    <td class="trorder goods"><asp:Label ID="GoodName" runat="server"></asp:Label></td>
                                                      
                                                     
                                   <td class="trorder goods"><asp:Label ID="OCount" runat="server"></asp:Label></td>
                                                
                                            
                                <td class="trorder goods"><asp:Label ID="OPeople" runat="server"></asp:Label></td>
                                                     
                                                           
                                    <td class="trorder goods"><asp:Label ID="OTel" runat="server"></asp:Label></td>
                              </tr>
                              </tbody>                     
                            </table>                
                   </div>
                </div>
            </div>
        </div>
    </div>
    </form>

        <script src="../js/plugins/footable/footable.all.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function () { $(".footable").footable(); });
    </script>

        <script type="text/javascript">
            $("#Print").click(function () {
            $("#Print").css({ display: "none" });
            $("#TitleHide").css({display: "none" });

            window.print();
            $("#Print").css({display: "block" });
            $("#TitleHide").css({display: "block" });
   
        });
    </script>

</body>
</html>
